@charset "utf-8";
@import url(Nanum.css);
@import url(layout.css);
@import url(common.css);
@import url(popup.css);

/***** Member *****/
img {vertical-align:middle;}
#member #contents {width:480px; padding:0 10px 45px ; border:0; overflow:hidden;}
#contents.id_memv-ber { }
h2.member_title {width:100%; height:28px; padding:5px 0 0; margin:0; margin-left:10px; border-bottom:2px solid #fc3f35; overflow:hidden; }
h2.member_title span {margin-left:10px;}
h2.member_title.type2 {margin-bottom:25px;}
h2.member_title.type_long {margin-bottom:25px;}
h2.member_title.type_long_2 {margin-bottom:30px;}

h3.page_title {height:30px; padding:0 0 0 23px !important; margin-bottom:0 !important;}
h4.part_title {height:21px; padding:0 0 0 2px; color:#656565}
h4.part_title_2 {height:21px; padding:0 0 0 2px; color:#656565}
p.txt_comment {padding:0 0 15px 23px; margin-bottom:30px; color:#7e7e7e;}
p.txt_comment.type_s {padding-bottom:10px;}
p.txt_comment_2 {padding:0 0 10px; color:#999}
.brown_box {padding:28px 0; margin-bottom:45px; border: 1px solid #968558; border-radius:8px; text-align:center; overflow:hidden;}
.brown_box.typeShort {margin-bottom:30px;}
.brown_box.typeLong {margin-bottom:70px;}

.gray_box {border:1px solid #d6d6d6;  border-radius:8px;}
.gray_box_2 {position:relative; padding:28px 0; margin-bottom:30px; background:url('../img/etc/bg_gray_box.gif') no-repeat 0 0;;}
.gray_box_2 .gray_box_btm {position:absolute; left:0; bottom:0; width:100%;; height:10px; background:url('../img/etc/bg_gray_box_btm.gif') no-repeat 0 bottom;}
.gray_box_3 {padding:28px 0; margin-bottom:25px; border: 1px solid #d6d6d6; border-radius:8px; text-align:center; overflow:hidden;}

div.txtMsg {height:74px; padding:48px 0 0; text-align:center;}
div.txtMsg.etc {height:auto; padding:40px 0;} 
div.btn_box {width:100%; text-align:center;}

.join_type_box  {width:700px; height:168px; margin:10px 0 63px; overflow:hidden; background:url('../img/login/bg_welcome.gif') no-repeat 0 0}
.join_type_box li {float:left; width:255px; height:185px; padding:35px 0 0 45px;}
.join_type_box li p {height:82px;}
.service_info_box {padding:4px 0 0 22px;}
.service_info_box img {vertical-align:middle; margin-right:10px;}
.service_info_box p {padding-top:10px;}

.join_step {padding:15px 5px 65px 0; height:30px; text-align:right; overflow:hidden; font-size:0; line-height:0;}
.join_step li {display:inline; padding-left:34px;}

.child_name_check {margin-bottom:30px;}
.child_name_check p {margin-bottom:10px;}

.provision_agree_box {}
.provision_agree_box .item_title {width:100%; height:30px;  border-bottom:1px solid #d6d6d6; ; }
.provision_agree_box .item_title li {float:left; height:22px; margin-right:2px; padding:7px 10px 0; border:1px solid #d6d6d6;   border-bottom:0; background:#f3f3f3; font-size:0; line-height:0}
.provision_agree_box .item_title li.on {height:23px; background:#fff}
.provision_agree_box .item_title li input {margin-right:5px;}
.provision_agree_box .item_title li img {cursor:pointer;}
.provision_agree_box .item_content {clear:both; display:none; height:100px; padding:20px; margin-bottom:20px; border:1px solid #d6d6d6; border-top:0;overflow-x:hidden; overflow-y:auto;}
.provision_agree_box .item_content.on {display:block;}
.provision_agree_box .item_check {padding:0 0 25px 30px; }
.provision_agree_box .item_check label {margin-left:10px;}
.provision_agree_box .item_btn {text-align:center;}

.join_check {padding:50px 0; margin-bottom:30px;}
.join_check p {padding-bottom:15px; }
.join_check p.alert_txt {font-size:14px; }

.join_info_table { clear: both; border-top:3px solid #b8cfc8; border-bottom:1px solid #b8cfc8;}
.join_info_table th { width: 100px; padding-left:24px; border-top:1px solid #e5ebe9; font-weight:normal; text-align:left;}
.join_info_table th .t_warn { margin-left: -10px;}
.join_info_table td { padding:10px 0; border-top: 1px solid #e5ebe9;}
.join_info_table td label { margin-right: 3px;}
.join_info_table td label.m_day { margin-right: 20px;}
.join_info_table td span.btn { margin-top: -1px;}
.join_info_table td img { vertical-align:middle;}
.join_info_table td p.s_txt { margin: 3px 0 -3px 0;}
.join_info_table td span.s_txt { margin-left: 5px;}
.join_info_table td .item_row { margin: 6px 0 -2px 0; display: block;}
.join_info_table td.sns { font-size: 11px;}
.join_info_table td .facebook { margin-right: 20px;}
.join_info_item { margin-top: 30px;}
.join_info_table td.item_validation {text-align:center}
.join_info_table td.item_validation img {border:1px solid #919191;}
.join_info_table.pub_house_join th {width:120px !important;}

.ododoc_info_box  {width:480px; height:321px; padding:25px 16px 0; margin-top:75px; background:url('../img/login/bg_info.gif') no-repeat 0 0;}
.ododoc_info_box dl {float:left; width:410px; padding-left:30px;  overflow:hidden;}
.ododoc_info_box dt {display:block; clear:both; height:30px; overflow:hidden;}
.ododoc_info_box dd {float:left; height:35px; padding:0 21px 0 9px; background:url('../img/common/bul/bul_arrow_m.gif') no-repeat 0 7px;}
.ododoc_info_box dl.item_book {float:none; width:840px; padding:25px 20px 0; border-top:1px solid #d6d6d6;}
.ododoc_info_box dl.item_book dt {padding:0 10px;}
.ododoc_info_box dl.item_book dd {width:136px; height:auto; padding:0; background:none; }
.ododoc_info_box dl.item_book dd .item_img {width:90px; margin:0 auto 5px; overflow:hidden;}
.ododoc_info_box dl.item_book dd .item_title {padding-bottom:5px; color:#424242; text-align:center;}
.ododoc_info_box dl.item_book dd .item_writer {color:#777; font-size:11px; text-align:center;}

.id_pw_box {width:100%; overflow:hidden;}
.id_pw_box .item_id {float:left; width:400px;}
.id_pw_box .item_id .itemBox {height:72px; padding-top:48px; text-align:center;}
.id_pw_box .item_pw {float:right; width:500px;}
.id_pw_box .item_pw .itemBox {position:relative; height:87px; padding:33px 28px 0; overflow:hidden;}
.id_pw_box .item_pw .itemBox p {width:198px; height:32px; overflow:hidden;}
.id_pw_box .item_pw .itemBox p strong {float:left; display:block; padding-top:2px;}
.id_pw_box .item_pw .itemBox p input {float:right;}
.id_pw_box .item_pw .itemBox .item_btn {position:absolute; right:0; top:15px; width:249px; height:57px; padding-top:33px; border-left:1px solid #d6d6d6; text-align:center;}

.pass_reset ul {padding:20px 0 0; width:700px; margin:0 auto; text-align:left;}
.pass_reset ul li {padding-top:10px;}
.pass_reset ul li input {margin:0 3px; width:190px;}

.login_container {width:480px; margin-bottom:50px; overflow:hidden;}
.login_container .login_box {float:left; width:470px; height:167px; padding-top:45px;}
.login_container .login_box fieldset {position:relative; width:295px; height:84px; padding-right:90px; margin:0 auto; overflow:hidden;}
.login_container .login_box fieldset p {width:100%; height:32px; overflow:hidden;}
.login_container .login_box fieldset p strong {float:left;  display:block; padding-top:2px; color:#6d6e71;}
.login_container .login_box fieldset p input {float:right; width:225px; border:1px solid #d9d9d9; }
.login_container .login_box fieldset a.login {position:absolute; right:0; top:0;}
.login_container .login_box ul {margin-left:168px;}
.login_container .login_box li {height:21px; padding-left:7px; color:#999; background:url('../img/common/bul/bul_gray_rect.gif') no-repeat 0 6px;}
.login_container .login_box li a {color:#999}
.login_container .banner_box {float:right; width:305px; height:214px;}

.email_cert {padding:25px 0; margin-bottom:40px; text-align:center;}
.email_cert p {margin-bottom:20px;}

.search_box {padding:40px 0; margin-bottom:5px;}
.search_box p {margin-bottom:10px;}

/* 출판사 회원가입 */
.pub_join_info_01 {padding:0 10px 30px;}

.pub_join_info_02 {color:#818285;}
.pub_join_info_02 .item_step {padding:15px 0; text-align:center;}
.pub_join_info_02 .item_doc {margin-top:15px; padding:15px 10px 0; border-top:1px solid #e1e1e1;  }
.pub_join_info_02 .item_doc ul {padding:3px 0 10px;}
.pub_join_info_02 .item_list {padding:0 10px;}

.pub_house_join_complete {margin-bottom:50px;}
.pub_house_join_complete p {margin-bottom:10px;}

.name_cert_box {padding:28px 0; margin-bottom:40px; text-align:center;}
.pub_join_box .login_container .login_box {width:908px}
.pub_join_box .login_container .login_box ul {margin-left:328px;} 

.pub_join_info_03 h4 {padding:20px 10px 10px}
.pub_join_info_03 p {padding:0 10px;}
.pub_join_info_03 .gray_box_2 ul {width:100%; overflow:hidden;}
.pub_join_info_03 .gray_box_2 li {position:relative; float:left; width:180px; height:139px; text-align:center; border-right:1px dotted #d6d6d6}
.pub_join_info_03 .gray_box_2 li.last {border:0;}
.pub_join_info_03 .gray_box_2 li .btn {position:absolute; left:50%; margin-left:-30px; bottom:10px;}


.provision_before {margin-top:-20px; padding-bottom:10px; text-align:right;  width:100%; overflow:hidden;}
.provision_before span {float:left;  color:#404041}
.provision_before select {float:right;;}
.etc_box {color:#818285;}
.etc_box ul li {float:left; height:25px; text-align:left; padding-left:8px;  background:url('../img/common/bul/bul_gray_rect_2.gif') no-repeat 0 6px;}
.etc_box.provision ul {width:900px; padding-left:40px; overflow:hidden;}	
.etc_box.provision ul li {width:292px; }
.etc_box.privacy ul {width:100%; overflow: hidden;}
.etc_box.privacy ul li {width:392px; margin-left:40px;}
.etc_box.mail p {margin:0 30px; text-align:left }
.etc_box ul li a {color:#818285;}
.etc_box ul li a:hover {color:#73958a; font-weight:bold;; text-decoration:underline;}

.etc_content_list .item_print {padding-bottom:5px; text-align:right;}
.etc_content_list .item_top {margin-top:-7px; text-align: right; }
.etc_content_list ol {padding:30px 20px 0; border-top:1px solid #d6d6d6;  border-bottom:1px solid #d6d6d6;}
.etc_content_list li {padding-bottom:30px; color:#6d6e71; line-height:20px; letter-spacing:-1px;;}
.etc_content_list li h4 {padding-bottom:5px; color:#404041; font-size:12px; letter-spacing:0;	}
.etc_content_list.privacy {margin-bottom:30px;}
 
.mail_no_box {padding:30px 20px 20px; border-top:1px solid #d6d6d6;  border-bottom:1px solid #d6d6d6}
.mail_no_box h4 {padding-bottom:10px;  color:#404041; font-size:12px; letter-spacing:0;	}
.mail_no_box ol li {text-indent:-15px; padding:0 0 10px 15px;}

.child_protect_list {margin-bottom:30px;}
.child_protect_list h4 {padding-bottom:5px; color:#404041; font-size:12px; letter-spacing:0;	}
.child_protect_list p {padding:0 0 20px 18px; }

.protect_admin {width:100%; overflow:hidden;}
.protect_admin .item_box {float:left; width:448px;}
.protect_admin .item_box.right {float:right;} 
.protect_admin h4 {height:21px; color:#73958a;}
.protect_admin .rd_box {height:83px; border:1px solid #d6d6d6;  border-radius:8px; overflow:hidden; background:#fafafa;}
.protect_admin .rd_box dl {width:100%; padding:10px  0 5px; overflow:hidden;}
.protect_admin .rd_box dl dt {float:left; width:38px; padding-left:22px; height:23px; overflow:hidden;}
.protect_admin .rd_box dl dd {float:left; width:155px; height:23px; overflow:hidden;}
.protect_admin .rd_box dl dd.item_border {background:url('../img/etc/bg_part.gif') no-repeat right 2px; }


.cooper_article { font-weight: bold; margin-top: 10px; margin-bottom: 25px;}
.index_cooper_step { padding: 25px 0;}
.index_cooper_step ol { overflow: hidden;}
.index_cooper_step ol li { float: left;}
.index_cooper_step ul { margin-top: 15px;}
.cooper_step_txt { margin-top: 30px; color: #e93a29; text-align: center;}
.index_cooper_entry { float: left;}
.index_cooper_sch { float: right;}
.index_cooper_entry,
.index_cooper_sch { width: 445px; margin-top: 35px;}
.cooper_box { border: 1px solid #83744d; border-radius: 8px; padding: 20px 0; text-align: center;}
.cooper_box p { margin-bottom: 14px;}

h4.part_title { margin: 0 0 3px 10px;}
.cooper_entry { margin-top: 25px;}
.cooper_entry h4.part_title { float: left; margin-left: 0; padding-left: 0;}
.cooper_entry .data_article { float: right; font-size: 11px; margin-top: 1px;}
.cooper_entry .data_info,
.cooper_entry .data_list { clear: both;}
.cooper_entry .btn_area { margin-top: 20px;}
.cooper_entry .data_info td p { color: #818285; margin: 3px 0 -3px 0;} 
.cooper_entry p.tb_article { margin: 8px 0 0;}
.cooper_entry p.tb_article span { display: block; color: #75978c;}
.cooper_entry .paging { margin-top: 20px;}

.cooper_txt { margin: 30px 0;}
.cooper_txt p { border: 1px solid #d6d6d6; border-radius: 8px; padding: 30px 0; text-align: center;}

.cooper_reply { padding: 20px; background: #fbfbfb; border: 1px solid #e9e9e9;}
.cooper_reply span { display: block;}
.cooper_reply .type_area { width: 100%; height: 90px; margin: 10px -3px 0 -3px;}
.cooper_call { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align: center; padding: 30px 0; margin-top: 20px;}
.cooper_call strong { font-size: 11px; display: block; margin-bottom: 10px;}





